Okay
  Public Ticket #1545844
UI issues
Closed

Comments

  • loculars started the conversation

    I have the following questions:

    1. Issue on header logo:  our logo needs to be bottom or center aligned with the header menu text and it seems that it isnt which makes it look weird.. how do i fx it?
    2. For the header(and footer) when stretched to the full width, can we adjust padding from the left and right?( there is an option to set vertical padding but not horizontal.)
    3. Is there a way to change the line width/spacing ?
    4. How do I control the font sizes, weight and color if i need to? For ex. Inside a text box in the <p> tag i want one line to be of one color vs another. And if I need to change the color of a url on hover?
    5. How do I add text next to an icon using the icon element(or suggest a different wat) in the same column. When I add them to different columns, alignment and spacing between the two becomes a problem (see http://wpstaging.loculars.com/experience-demo/)
    6. Is there a way to change a column width of a column element in VC
  • [deleted] replied

    Hi loculars,

    1— It looks like that but the text is on middle as you can see.


    (view on new page)

    Maybe you can decrease your logo size fro your Theme Options > Branding area,

    2— You can add add the code below to your Custom CSS area:

    header.site-header {
    padding-left: 30px;
    padding-right: 30px;
    }
    3— On what area please? Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.

    4— You can manage Typography (font type, size, and weight) on the Typography area of the theme (more info

    ). 

    You can change the theme colors on the theme skin area (more info).

    To change the color inside the text element for example you can do this (video).

    5— You can mix that and use the Icon and text element (example).

    6— That is possible (example).

  • loculars replied

    Thanks for the responses Ylli.

    For 3) I mean i want to increase the space between the edge of the sceeen and where the logo and search box starts.Same with footer. See attachment

    For 5) I want to add text on the right of the icon and not below it like you have show in the example.

  • [deleted] replied

    Hi loculars,

    3— I used Inspect Element to check which is the selector (see video).

    Please add the code below to your Custom CSS area:

    header.site-header {
        padding-left: 30px;
        padding-right: 30px;
    }

    5— You can do that by creating Inner Rows in WPBakery Page Builder (more info).